<template>
  <div class="footer-bar">
    <van-tabbar route>
      <van-tabbar-item icon="zhuye" icon-prefix="icon" to="/home">首页</van-tabbar-item>
      <van-tabbar-item icon="fenlei1" icon-prefix="icon" to="/cate">分类</van-tabbar-item>
      <van-tabbar-item icon="gouwugouwuchedinggou" icon-prefix="icon" to="/cart" :badge="$store.state.cart.number">购物车</van-tabbar-item>
      <van-tabbar-item icon="gerenzhongxin" icon-prefix="icon" to="/user">个人中心</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'Tabbar',
  data () {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>
/* .footer-bar{
  position: fixed;
  bottom: 0;
} */
::v-deep .icon {
  font-size: 22px;
}
</style>
